<template>
  <div class="common-page">
    <el-tabs v-model="activeName">
      <el-tab-pane label="用户登录日志" name="first" />
      <el-tab-pane label="用户操作日志" name="second" />
    </el-tabs>
    <div class="f-g">
      <LoginLog v-if="activeName === 'first'" />
      <handleLog v-if="activeName === 'second'" />
    </div>
  </div>
</template>

<script>
import LoginLog from './login-log'
import handleLog from './handle-log'
export default {
  name: 'Index',
  components: {
    LoginLog,
    handleLog
  },
  data() {
    return {
      activeName: 'first'
    }
  },
  methods: {}
}
</script>

<style scoped lang="scss">
</style>
